{
	margin: 0
;
	padding: 0
;
	box-sizing: border-box
;
}

#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	margin: 0 auto;
	min-height: 100vh;
	background: #f2f2f2;

}

.center-container {
	box-sizing: border-box;
	min-height: 100vh;
}



.center-container .header-container {
	padding: 1.06667rem 0;
	background: #f2f2f2;
}



.center-container .header-container .user-card {
	width: 90%;
	background: url(../images/header-bg.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	border-radius: .53333rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 1.06667rem;
}

.center-container .header-container .user-card .user-info {
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
}

.center-container .header-container .user-card .user-info .avatar {
	margin-top: 5px;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
}

.center-container .header-container .user-card .user-info .user-base-info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding-left: .53333rem;
}

.center-container .header-container .user-card .user-info .user-base-info .nickname {
	font-weight: 600;
	font-size: 1.06667rem;
	line-height: 2.13333rem;
}

.center-container .header-container .user-card .user-info .user-base-info .tel {
	font-weight: 400;
	font-size: .64rem;
	line-height: 1.06667rem;
}

.center-container .header-container .user-card .user-info .user-base-info .user-base-info .tel {
	font-weight: 400;
	font-size: .64rem;
	line-height: 1.06667rem;

}

.center-container .header-container .user-card .intro {
	padding: 1.06667rem 0 0;
	text-align: left;
	font-size: .8rem;
}

.center-container .header-container .user-card .intro .mui-icon {
	font-size: .9rem;
}


.center-container .header-container .tools {
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	background: #f2f2f2;
}

.center-container .header-container .tools .tool {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	padding: .8rem .53333rem;
}

.center-container .header-container .tools .tool .icon {
	text-align: center;
}

.center-container .header-container .tools .tool .icon img {
	width: 1.6rem;
	height: 1.6rem;
}

.center-container .header-container .tools .tool .label {
	font-size: .8rem;
}

.center-container .container {
	box-sizing: border-box;
	/* padding: 1.06667rem 0; */
	background: #f2f2f2;
}

.center-container .container .container-cell{
	margin-top: 0.625rem;
	padding-left: 1.06667rem;
	padding-right: 1.06667rem;
}

.center-container .container .container-cell .container-cell-label{
	color: red;
}

.container-form{
	margin-top: 0.625rem;
	padding: 1.06667rem;
}



